<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title></title>
		<link href="css/swiper.min.css" rel="stylesheet">
		<link href="css/style.css?sad" rel="stylesheet">
	</head>
	<body>
		<div class="main">
			<div class="container card-record">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/img5.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img5.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img5.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img5.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img5.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
						<div class="swiper-slide">
							<img src="img/img6.jpg"><p>Lesson 1</p>
						</div>
					</div>
				</div>
				<div class="swiper-pagination"></div>
				<a class="btn a">返 回</a>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/swiper.min.js"></script>
		<script>
            var mySwiper = new Swiper('.swiper-container', {
                slidesPerView : 3,
                slidesPerColumn: 2,
                spaceBetween : 5,
                slidesPerGroup : 3,
                pagination: {
                    el: '.swiper-pagination',
                },
            })
		</script>
	</body>
</html>